<template>
	<view class="notice-container">
		<uni-list :border="false">
			<uni-list-item v-for="notice in noticeList" :key="notice.id" :title="notice.title" :note="notice.note"
				:thumb="notice.icon" thumb-size="lg" showBadge badgeType="error" :badgeText="notice.count" />
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				noticeList: [{
					id: '1',
					title: '系统消息',
					note: '暂无最新消息',
					icon: require('@/static/member/person-service.png'),
					count: 31
				}, {
					id: '1',
					title: '监管消息',
					note: '有消息未读',
					icon: require('@/static/member/person-service.png'),
					count: 2231
				}]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.notice-container {
		padding: 0 32upx;

		/deep/.uni-list-item__container {
			padding: 12px 0;
		}

		/deep/.uni-list-item__icon {
			margin-right: 0;
		}
	}
</style>
